import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import "./registerServiceWorker";
// 样式重置
import './assets/styles/reset.css';
import './assets/styles/border.css';
// 字体图标
import './assets/styles/icon/iconfont.css';
// 自定义滚动，配置参考：https://vuescrolljs.yvescoding.org/zh/guide/
import vuescroll from 'vuescroll';
import 'vuescroll/dist/vuescroll.css';
// 滚动条全局配置
Vue.use(vuescroll, {
	ops: {
		bar: {
	   /** 当不做任何操作时滚动条自动消失的时间 */
	    showDelay: 500,
	    /** 是否只在滚动的时候现实滚动条 */
	    onlyShowBarOnScroll: false,
	    /** 是否保持显示*/
	    keepShow: true,
	    /** 背景色*/
	    background: '#c1c1c1',
	    /**  透明度  */
	    opacity: 1,
	    /** 当你鼠标移动到滚动条的时候滚动条的样式， 返回一个style对象， 和现在的对象融合*/
	    hoverStyle: false,
	    /** 是否保持rail显示即使内容高度不足的情况下。 */
	    keepShow: false
	  }
	}
});
// element ui
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");
